<!DOCTYPE html>
<html lang="zh-CN">
<head>

<#include "bases/global_style.ftl"> 
<#include "bases/global_js.ftl">
<#include "bases/combo.ftl">


<script>
	var curent_page=${currentpage};
	var curent_page1=${currentpage1};

	var addpformv,addcformv;
	jQuery(document).ready(function()
	{
		var optInit = getOptionsFromForm();
		$("#Pagination").pagination(${totalRecord}, optInit);
		var optInit1 = getOptionsForm();
		$("#Pagination1").pagination(${totalRecord1}, optInit1);
		$("#searchTel").chosen();
		App.init();
		combox("editProvince","Province",null,null,false);

		addpformv=$("#addPForm").validate();
		
		addcformv=$("#addCForm").validate();

		//开始打印；
		$(".printBtn").click(function(){
			$("#printContent").printArea({mode: 'popup'});
		});
	});

	function getOptionsForm()
	{
		var opt = {callback: pageselectCallback1};
		opt['items_per_page'] = 15;
		opt['num_display_entries'] = 10;
		opt['num'] = 2;
		opt['prev_text'] = '上一页';
		opt['next_text'] = '下一页';
		opt['current_page'] = curent_page;
		return opt;
	}

	function pageselectCallback(page_index, jq)
    {
        if (curent_page != page_index)
        {
            $("#currentpage").val(page_index);
            $("#privateform").submit();
            return true;
        }
    }

	function pageselectCallback1(page_index, jq)
    {
        if (curent_page1 != page_index)
        {
            $("#currentpage1").val(page_index);
            $("#companyform").submit();
            return true;
        }
    }

	function del(id)//单个删除
	{
		jConfirm('确定删除该对象?', '提示', function(r) {
			if(r==true){
				$("#privateform").attr("action","${base}/del_recharge_record?idStr="+id);
	    		$("#privateform").submit();
			}
		});
	}

	function getInfo(accountid)
	{
		$.ajax({
			type : "POST",
			url : CONTEXT+'/get_accountinfo_by_id?accountid='+accountid,
			dataType : "json",  
  	        cache : false,  
  	        async : false,
  	      	success : function(data) {
  	      		$("#addPDiv #pAccount").val(data.account);
  	      		$("#addPDiv #pBalance").val(data.available_balance/100);
  	  	    }
		});
	}

	function getCom(accountid)
	{
		$.ajax({
			type : "POST",
			url : CONTEXT+'/get_accountinfo_by_id?accountid='+accountid,
			dataType : "json",  
  	        cache : false,  
  	        async : false,
  	      	success : function(data) {
  	      		$("#addCDiv #cAccount").val(data.account);
  	      		$("#addCDiv #cBalance").val(data.available_balance/100);
  	  	    }
		});
	}

	function addPRecharge()
	{
		var amount=$('#pAmount').val()
		jConfirm('您确认充值'+amount+'元吗？', '提示', function(r) {
			if(r==true){
				addpformv.form();
				if(addpformv.valid()){

		            $("#loading").showLoading();
		            $.getJSON("${base}/update_private_recharge?"+$("#addPForm").serialize(),
		    		function(data) {
		    		    $('#loading').hideLoading();
		    		    if(data.result == true) {
		    		    	jAlert("充值成功！","提示", function() {
		    		    		window.location.reload();
		        		    });
		        		}else{
		        		    jAlert(data.msg);
		            	}
		        	});
				}
			}
		});
	}

	function addCRecharge()
	{
		var amount=$('#cAmount').val();
		jConfirm('您确认充值'+amount+'元吗？', '提示', function(r) {
			if(r==true){
				addcformv.form();
				if(addcformv.valid()){

		            $("#loading").showLoading();
		            $.getJSON("${base}/update_company_recharge?"+$("#addCForm").serialize(),
		    		function(data) {
		    		    $('#loading').hideLoading();
		    		    if(data.result == true) {
		    		    	jAlert("充值成功！","提示", function() {
		    		    		window.location.reload();
		        		    });
		        		}else{
		        		    jAlert(data.msg);
		            	}
		        	});
				}
			}
		});
	}

	function printPBill(id)
	{//弹出打印modal(个人)
		var newDate = new Date();
		$.ajax({
			type : "POST",
			url : CONTEXT+'/get_printinfo_by_id?id='+id,
			dataType : "json",  
  	        cache : false,  
  	        async : false,
  	      	success : function(data) {
  	      		newDate.setTime(data.createdate);
  	      		if(data.rechargeType==1){
	      			$("#invoiceModal #rechargetype").html("支付宝");
	  	      	}else{
	  	      		$("#invoiceModal #rechargetype").html("财务充值");
	  	  	    }
  	      		$("#invoiceModal #account").html(data.account);
  	      		$("#invoiceModal #carbrand").html(data.carbrand);
  	      		$("#invoiceModal #amount").html(data.amount/100);
  	      		$("#invoiceModal #username").html(data.username);
  	      		$("#invoiceModal #phone").html(data.phone);
  	      		$("#invoiceModal #name").html(data.name);
  	      		$("#invoiceModal #balance").html(data.availableBalance/100);
  	      		$("#invoiceModal #opername").html(data.opername);
  	      		$("#invoiceModal #createdate").html(newDate.pattern('yyyy-MM-dd h:m:s'));
  	      		$("#invoiceModal").modal('show');
  	  	    }
		});
	}

	function printCBill(id)
	{//弹出打印modal(公司)
		var newDate = new Date();
		$.ajax({
			type : "POST",
			url : CONTEXT+'/get_printinfo_by_id?id='+id,
			dataType : "json",  
  	        cache : false,  
  	        async : false,
  	      	success : function(data) {
  	      		newDate.setTime(data.createdate);
  	      		if(data.rechargeType==1){
  	      			$("#invoiceModal #rechargetype").html("支付宝");
  	  	      	}else{
  	  	      		$("#invoiceModal #rechargetype").html("财务充值");
  	  	  	    }
  	      		$("#invoiceModal #account").html(data.account);
  	      		$("#invoiceModal #carbrand").html("");
  	      		$("#invoiceModal #amount").html(data.amount/100);
  	      		$("#invoiceModal #username").html(data.username);
  	      		$("#invoiceModal #phone").html(data.phone);
  	      		$("#invoiceModal #name").html(data.name);
  	      		$("#invoiceModal #balance").html(data.availableBalance/100);
  	      		$("#invoiceModal #opername").html(data.opername);
  	      		$("#invoiceModal #createdate").html(newDate.pattern('yyyy-MM-dd h:m:s'));
  	      		$("#invoiceModal").modal('show');
  	  	    }
		});
	}

	function showPopup(div) 
    {//弹出层
        var backDiv = document.getElementById("backDiv");
        backDiv.style.top = "0%";//设置弹出层距离上边界的距离
        backDiv.style.left = "0%";//设置弹出层距离左边界的距离
        backDiv.style.width = "100%";//设置弹出层的宽度
        backDiv.style.height = "100%";//设置弹出层的高度
        backDiv.style.visibility = "visible";

        var addDiv = document.getElementById(div);
        addDiv.style.top = "10%";//设置弹出层距离上边界的距离
        addDiv.style.left = "30%";//设置弹出层距离左边界的距离
        addDiv.style.width = "40%";//设置弹出层的宽度
        addDiv.style.height = "auto";//设置弹出层的高度
        addDiv.style.visibility = "visible";

    }

	function hidePopup() 
    {//关闭层

        // resetLabel();
        var backDiv = document.getElementById("backDiv");
        backDiv.style.visibility = "hidden";

        var addPDiv = document.getElementById("addPDiv");
        addPDiv.style.visibility = "hidden";

        var addCDiv = document.getElementById("addCDiv");
        addCDiv.style.visibility = "hidden";
    }

	function allDivHide() 
    {
        hidePopup();
    }

    function Private()
    {
    	$("#privateDiv").css("display","block");
		$("#companyDiv").css("display","none");
		$("#Private").addClass("page-now list-headBtn");
		$("#Company").removeClass("page-now list-headBtn");
		$("#Private").attr("onclick","");
		$("#Company").attr("onclick","Company()");
    }

    function Company()
    {
    	$("#privateDiv").css("display","none");
		$("#companyDiv").css("display","block");
		$("#Company").addClass("page-now list-headBtn");
		$("#Private").removeClass("page-now list-headBtn");
		$("#Company").attr("onclick","");
		$("#Private").attr("onclick","Private()");
    }

    function doDownloadPExcel()
    {
    	$("#privateform").attr("action","<@spring.url '/download_recharge_record'></@spring.url>");
    	$("#privateform").submit();
    }

    function doDownloadCExcel()
    {
    	$("#companyform").attr("action","<@spring.url '/download_recharge_record'></@spring.url>");
    	$("#companyform").submit();
    }
</script>
</head>

<body>

	<div id="backDiv" onclick="allDivHide()" style="position: absolute;visibility: hidden;position:fixed;overflow: hidden;solid: #000000;background-color: #000000;padding: 1px;z-index: 99;filter:alpha(opacity=50);opacity: 0.5;"></div>

	<!-- 个人充值 -->
	<div id="addPDiv" class="row-fluid" style="position: absolute;visibility: hidden;overflow: hidden;padding: 1px;z-index: 100;background-color: #FFFFFF;">
		<div class="span12">
        <div class="portlet box green" style="margin: -1px;">
            <div class="portlet-title">
                <div class="caption"><i class="icon-edit"></i>个人充值</div>
                <a href="javascript:hideEditTable();" class="remove"></a>
            </div>
            
            <div class="portlet-body flip-scroll">
            	<form id="addPForm" action="<@spring.url 'update_private_recharge'></@spring.url>" method="POST">
            	<table class="table-bordered table-striped table-condensed flip-content">
            		<tbody role="alert" aria-live="polite" aria-relevant="all">
            		<tr class="even">
            			<td style="text-align: right;">搜索手机号</td>
            			<td class="even">
            				<select id="searchTel" name="accountid" class="m-wrap span8" onchange="getInfo(this.options[this.options.selectedIndex].value)" style="width:255px;">
                				<option value="">输入手机号搜索</option>
									<#if telList?exists>
										<#list telList as tellist>
											<option value="${tellist.getKey()}"><#if tellist.getName()?exists>${tellist.getName()}</#if></option>
										</#list>
									</#if>
                			</select>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">账号</td>
            			<td class="even">
            				<input id="pAccount" class="m-wrap span8" style="margin-top: 10px" type="text" readonly="true"/>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">当前余额</td>
            			<td class="even">
            				<input id="pBalance" name="balance" class="m-wrap span8" style="margin-top: 10px" type="text" readonly="true"/>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">充值金额<span class="fill-must">*</span></td>
            			<td class="even">
            				<input class="m-wrap span8" style="margin-top: 10px" type="number" id="pAmount" onchange="$(this).next().val($(this).val()*100)" required/>
            				<input type="hidden" name="amount">
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">充值理由</td>
            			<td class="even">
            				<textarea class="form-control" rows="3" id="pReason" name="reason" placeholder="不超过30字"></textarea>
            			</td>
            		</tr>
            		</tbody>
            		</table>
            		<div class="controls controls-row" style="text-align: right;">
                        <input type="button" value="充值" class="btn green" onclick="addPRecharge()"/>
                        <input type="button" value="取消" class="btn green" onclick="allDivHide()" />
                    </div>
            	</form>
            </div>
        </div>
        </div>
	</div>
	
	<!-- 公司充值 -->
	<div id="addCDiv" class="row-fluid" style="position: absolute;visibility: hidden;overflow: hidden;padding: 1px;z-index: 100;background-color: #FFFFFF;">
		<div class="span12">
        <div class="portlet box green" style="margin: -1px;">
            <div class="portlet-title">
                <div class="caption"><i class="icon-edit"></i>对公充值</div>
                <a href="javascript:hideEditTable();" class="remove"></a>
            </div>
            
            <div class="portlet-body flip-scroll">
            	<form id="addCForm" method="POST">
            	<table class="table-bordered table-striped table-condensed flip-content">
            		<tbody role="alert" aria-live="polite" aria-relevant="all">
            		<tr class="even">
            			<td style="text-align: right;">选择公司</td>
            			<td class="even">
            				<select id="searchCom" name="accountid" class="m-wrap span8" onchange="getCom(this.options[this.options.selectedIndex].value)">
                				<option value="">选择公司</option>
									<#if companyList?exists>
										<#list companyList as comlist>
											<option value="${comlist.getKey()}"><#if comlist.getName()?exists>${comlist.getName()}</#if></option>
										</#list>
									</#if>
                			</select>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">账号</td>
            			<td class="even">
            				<input id="cAccount" class="m-wrap span8" style="margin-top: 10px" type="text" readonly="true"/>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">当前余额</td>
            			<td class="even">
            				<input id="cBalance" name="balance" class="m-wrap span8" style="margin-top: 10px" type="text" readonly="true"/>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">充值金额<span class="fill-must">*</span></td>
            			<td class="even">
            				<input class="m-wrap span8" style="margin-top: 10px" type="number" id="cAmount" onchange="$(this).next().val($(this).val()*100)" required/>
            				<input type="hidden" name="amount">
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">充值人</td>
            			<td class="even">
            				<input class="m-wrap span8" style="margin-top: 10px" type="text" id="cRechargePerson" name="rechargePerson"/>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">联系电话</td>
            			<td class="even">
            				<input class="m-wrap span8" style="margin-top: 10px" type="text" id="cTel" name="tel"/>
            			</td>
            		</tr>
            		<tr class="even">
            			<td style="text-align: right;">充值理由</td>
            			<td class="even">
            				<textarea class="form-control" rows="3" id="cReason" name="reason" placeholder="不超过30字"></textarea>
            			</td>
            		</tr>
            		</tbody>
            		</table>
            		<div class="controls controls-row" style="text-align: right;">
                        <input type="button" value="充值" class="btn green" onclick="addCRecharge()"/>
                        <input type="button" value="取消" class="btn green" onclick="allDivHide()" />
                    </div>
            	</form>
            </div>
        </div>
        </div>
	</div>
	
	<!-- 小票 -->
   <div class="modal fade " id="invoiceModal" data-backdrop="static">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	        <h4 class="modal-title">小票</h4>
	      </div>
	      <div class="modal-body">
	        
			<form class="form-horizontal" role="form">
			  <div class="printContent clearfix" id="printContent">
			  	 <style type="text/css">
    				/* 小票样式 */
					.printContent-table{border: 1px solid #ccc;padding: 10px 15px;}
					.printContent .table>tbody>tr>td{border: 0;}
					.printContent-title{text-align: center;font-size: 18px;font-weight: 600;}
					.signature{float: right;margin: 20px 50px 0 0;}
					.table-print{margin: 0 auto;width:100%;}
					.table-print tr{height: 32px;line-height: 32px;vertical-align: top;}
		    	</style>
				  <div class="printContent-table">
					<table class="table-print">
				       <thead>
				        <tr>
				            <td colspan="4" class="printContent-title">车辆换电充值缴费记录</td>
				        </tr>
				       </thead>
			          <tbody>
				        <tr>
				            <td>账号</td>
				            <td id="account"></td>
				            <td>充值方式</td>
 							<td id="rechargetype"></td>
				        </tr>
				        
				        <tr>
				        	<td width="20%">车牌号</td>
				        	<td id="carbrand" width="38%"></td>
				        	<td width="16%">金额</td>
				        	<td id="amount"></td>
				        </tr>
				        
				        <tr>
				        	<td>姓名/公司</td>
				        	<td id="username"></td>
				        	<td>电话</td>
				        	<td id="phone"></td>
				        </tr>
				        
				        <tr>
				        	<td>充值点</td>
				        	<td id="name"></td>
				        	<td>余额</td>
				        	<td id="balance"></td>
				        </tr>
				        
				        <tr>
				        	<td>操作员</td>
				        	<td id="opername"></td>
				        	<td>时间</td>
				        	<td id="createdate"></td>
				        </tr>
			        </tbody>
				    </table>
			     	  <div class="signature">签名：</div>
			      </div>
		      </div><!-- printContent打印区域 -->
			</form>

	      </div>
	      <div class="modal-footer">
	      	<button type="button" class="btn btn-success modal-btn printBtn">打印</button>
	        <button type="button" class="btn btn-default modal-btn" data-dismiss="modal">取消</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
<#include "bases/navhead.ftl">
<#include "bases/sidebar.ftl">

	<div class="page-container secMenu-content" id="loading">

		<div class="page-content">

			<div class="container-fluid">

				<div class="row-fluid">
					<div class="span12">
						<div class="portlet box green">
							<div class="portlet-title">
								<div class="caption">
									<i class="fa fa-cogs"></i>充值管理
								</div>
	                            <div class="tools">
	                                <a href="javascript:window.location.reload()" class="reload"></a>
	                            </div>
							</div>
							
							<div class="portlet-body flip-scroll">
								<a id="Private" class="btn page-role <#if (type!'')=='1'><#else>page-now list-headBtn</#if>" <#if (type!'')=='1'>onclick="Private()"<#else>onclick=""</#if>>个人类型账户</a>
	  							<a id="Company" class="btn page-role <#if (type!'')=='1'>page-now list-headBtn<#else></#if>" <#if (type!'')=='1'>onclick=""<#else>onclick="Company()"</#if>>公司类型账户</a>
							</div>

							<!-- 个人账户 -->
							<div id="privateDiv" class="portlet-body flip-scroll" <#if (type!'')=='1'>style="display:none"<#else></#if>>
								<form id="privateform" action="<@spring.url '/recharge_manage'></@spring.url>" method="POST">
									<input type="hidden" id="currentpage" name="page" value="0" />
									<input type="hidden" id="pexport" name="export" value="0" />
									<input type="hidden" id="postactionorder1" name="postactionorder1" />

									<div class="controls controls-row">

										<label for="">充值日期</label>
										<input type="text" name="begintime" class="form-control sheet-searchInput" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="<#if begintime??>${begintime}</#if>">
										
										<label for="">至：</label>
										<input type="text" name="endtime" class="form-control sheet-searchInput" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="<#if endtime??>${endtime}</#if>">
										
										<input type="text" name="phone" class="form-control sheet-searchInput" value="<#if phone?exists>${phone}</#if>" placeholder="输入手机号">
										<select name="siteid" class="form-control sheet-searchInput" value="${siteid!}">
											<option value="">选择站点</option>
	                                    	<#if siteList??>
	                                			<#list siteList as slist> 
	                                    			<option value="${slist.getKey()}" <#if (siteid!'')=="${slist.getKey()}">selected="selected"</#if>><#if slist.getValue()??>${slist.getValue()}</#if></option>
	                                			</#list>
                                  			</#if>
										</select>
										
										<select name="rechargeType" class="form-control sheet-searchInput" value="${rechargeType!}">
											<option value="">充值方式</option>
				  							<#if typeList??>
	                                			<#list typeList as tlist> 
	                                    			<option value="${tlist.getKey()}" <#if (rechargeType!'')=="${tlist.getKey()}">selected="selected"</#if>><#if tlist.getValue()??>${tlist.getValue()}</#if></option>
	                                			</#list>
                                  			</#if>
										</select>

										<button type="submit" class="btn blue">搜索</button>
									</div>
									
									<div class="controls controls-row"  style="margin-top: 20px">
										<button type="button" class="btn green" onclick="showPopup('addPDiv')"><i class="fa fa-plus"></i>个人充值</button>
										<button type="button" class="btn green" onclick="doDownloadPExcel()">导出</button>
									</div>

									<table class="table table-bordered table-hover table-striped table-condensed list-table">
										<thead class="flip-content">
											<tr>
												<th style="text-align: center;">日期</th>
												<th style="text-align: center;">账号</th>
												<th style="text-align: center;">所属个人</th>
												<th style="text-align: center;">手机号</th>
												<th style="text-align: center;">充值金额</th>
												<th style="text-align: center;">充值站点</th>
												<th style="text-align: center;">充值类型</th>
												<th style="text-align: center;">充值方式</th>
												<th style="text-align: center;">充值理由</th>
												<th style="text-align: center;">操作员/充值站点</th>
												<th style="text-align: center;width: 180px">操作</th>
											</tr>
										</thead>
										<tbody>
											<#list recharge_record_p as rrp>
											<tr>
												<#if rrp?exists>
												<td style="text-align: center;"><#if rrp.getCreatedate()?exists>${rrp.getCreatedate()}</#if></td>
												<td style="text-align: center;"><#if rrp.getAccount()?exists>${rrp.getAccount()}</#if></td>
												<td style="text-align: center;"><#if rrp.getUsername()?exists>${rrp.getUsername()}</#if></td>
												<td style="text-align: center;"><#if rrp.getPhone()?exists>${rrp.getPhone()}</#if></td>
												<td style="text-align: center;"><#if rrp.getAmount()?exists>${rrp.getAmount()/100}</#if></td>
												<td style="text-align: center;"><#if rrp.getName()?exists>${rrp.getName()}</#if></td>
												<td style="text-align: center;"><#if rrp.getValue()?exists>${rrp.getValue()}</#if></td>
												<td style="text-align: center;"><#if rrp.getWay()?exists>${rrp.getWay()}</#if></td>
												<td style="text-align: center;"><#if rrp.getReason()?exists>${rrp.getReason()}</#if></td>
												<td style="text-align: center;"><#if rrp.getOperid()?exists>${rrp.getOpername()}<#else>${rrp.getSitename()}</#if></td>
												<td style="text-align: center;">
													<a id="printButton" onclick="printPBill('${rrp.getId()}');" class="xiaopiao">小票</a>
													<a id="editButton" onclick="del('${rrp.getId()}');" class="bianji">删除</a>
												</td> 
												</#if>
											</tr>
											</#list>
										</tbody>
									</table>
									<div class="controls controls-row">
										<div id="Pagination" class="pagination"></div>
									</div>
								</form>
							</div>
							
							<!-- 公司账户 -->
							<div id="companyDiv" class="portlet-body flip-scroll" <#if (type!'')=='1'>style="display:block"<#else>style="display:none;"</#if>>
								<form id="companyform" action="<@spring.url '/recharge_manage?type=1'></@spring.url>" method="POST">
									<input type="hidden" id="currentpage1" name="page1" value="0" />
									<input type="hidden" id="cexport" name="export" value="1" />
									<input type="hidden" id="postactionorder1" name="postactionorder1" />

									<div class="controls controls-row">

										<label for="">充值日期</label>
										<input type="text" name="beginTime" class="form-control sheet-searchInput" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="<#if beginTime??>${beginTime}</#if>">
										
										<label for="">至：</label>
										<input type="text" name="endTime" class="form-control sheet-searchInput" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="<#if endtTme??>${endTime}</#if>">
										
										<select name="accountid" class="form-control sheet-searchInput" value="${accountid!}">
											<option value="">选择公司</option>
				  							<#if companyList??>
	                                			<#list companyList as clist> 
	                                    			<option value="${clist.getKey()}" <#if (accountid!'')=="${clist.getKey()}">selected="selected"</#if>><#if clist.getName()??>${clist.getName()}</#if></option>
	                                			</#list>
                                  			</#if>
										</select>

										<button type="submit" class="btn blue" onclick="">搜索</button>
									</div>
									
									<div class="controls controls-row"  style="margin-top: 20px">
										<button type="button" class="btn green" onclick="showPopup('addCDiv')"><i class="fa fa-plus"></i>对公充值</button>
										<button type="button" class="btn green" onclick="doDownloadCExcel()">导出</button>
									</div>

									<table class="table table-bordered table-hover table-striped table-condensed list-table">
										<thead class="flip-content">
											<tr>
												<th style="text-align: center;">日期</th>
												<th style="text-align: center;">账号</th>
												<th style="text-align: center;">所属公司</th>
												<th style="text-align: center;">充值金额</th>
												<th style="text-align: center;">充值人</th>
												<th style="text-align: center;">联系电话</th>
												<th style="text-align: center;">充值理由</th>
												<th style="text-align: center;">操作员</th>
												<th style="text-align: center;width: 180px">操作</th>
											</tr>
										</thead>
										<tbody>
											<#list recharge_record_c as rrc>
											<tr>
												<#if rrc?exists>
												<td style="text-align: center;"><#if rrc.getCreatedate()?exists>${rrc.getCreatedate()}</#if></td>
												<td style="text-align: center;"><#if rrc.getAccount()?exists>${rrc.getAccount()}</#if></td>
												<td style="text-align: center;"><#if rrc.getUsername()?exists>${rrc.getUsername()}</#if></td>
												<td style="text-align: center;"><#if rrc.getAmount()?exists>${rrc.getAmount()/100}</#if></td>
												<td style="text-align: center;"><#if rrc.getRechargePerson()?exists>${rrc.getRechargePerson()}</#if></td>
												<td style="text-align: center;"><#if rrc.getTel()?exists>${rrc.getTel()}</#if></td>
												<td style="text-align: center;"><#if rrc.getReason()?exists>${rrc.getReason()}</#if></td>
												<td style="text-align: center;"><#if rrc.getOperid()?exists>${rrc.getOpername()}</#if></td>
												<td style="text-align: center;">
													<a id="printButton" onclick="printCBill('${rrc.getId()}');" class="xiaopiao">小票</a>
													<a id="editButton" onclick="del('${rrc.getId()}');" class="bianji">删除</a>
												</td> 
												</#if>
											</tr>
											</#list>
										</tbody>
									</table>
									<div class="controls controls-row">
										<div id="Pagination1" class="pagination"></div>
									</div>
								</form>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>